<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style>
		*{margin:0px;padding:0px;}
		li{list-style:none;}
		#box{
			width:600px;
			height:350px;
			margin:30px auto;
			padding:15px;
			border:1px solid #ddd;
			border-radius:5px;
			box-shadow: 0px 0px 5px #ddd;
		}
		#box .list{
			width:100%;
			height:300px;
			overflow: hidden;
		}
		#box .list li{
			width:100%;
			height:24px;
			margin-top:6px;
			background:#ccc;
		}
	</style>
	<script type="text/javascript" src="jquery.js"></script>
	<script>
		$(function(){
			var data = {
				status:true,
				result:[
					'高清-巴神与新欢超酷写真',
					'用车｜小保最低338元 东风标致308保养解析',
					'导购｜最高降6.5万 近期车市热销SUV车型行情',
					'用车｜小保最低316元 第八代索纳塔保养解析',
					'全国|天津|上海|重庆|广州|长春 车市报价 北京'				
				]
		};

			/*
	
				for(var i in data){
					alert(data[i])
				}
			*/
			var result = data.result;

			$('#btn1').click(function(){
				
				for(var i in result){
					$('#box .list').append('<li>'+result[i]+'</li>');
				}

				//$('#box .list').append('<li>asdasd</li>');
			

			})
			
		})
	</script>	
</head>
<body>

	<input type="button" value="追加节点" id="btn1">	
<input type="button" value="删除节点" id="btn2">	
	<div id="box">
		<ul class='list'>
			
		</ul>	
	</div>	

	
</body>
</html>